<html>
<head>
<title>Order</title>
<head>

<body background="../img/bg.png">

<font size=2><a href=main.htm>Home</a> > Order</font><br><br>

<table  style="border-collapse: collapse" width="520" align=center>
	

	<tr><td colspan=5>Your current ingredients:<br><br></td></tr>
	<tr>
		<td width="25%" align="center" bgcolor="#000000" style="border: 1px solid #000000"><font color="#ffffff">Category</font></td>
	  <td width="25%" align="center" bgcolor="#000000" style="border: 1px solid #000000"><font color="#ffffff">Name</font></td>
	  <td width="20%" align="center" bgcolor="#000000" style="border: 1px solid #000000"><font color="#ffffff">Quantity</font></td>
	  <td width="20%" align="center" bgcolor="#000000" style="border: 1px solid #000000"><font color="#ffffff">Price</font></td>
		<td width="10%" align="center" bgcolor="#000000" style="border: 1px solid #000000"><font color="#ffffff">Remove</font></td>
	</tr>
	<tr>
		<td style="border: 1px solid #000000">Meat</td>
		<td style="border: 1px solid #000000">Pork</td>
		<td style="border: 1px solid #000000" align="center">1000g</td>
		<td style="border: 1px solid #000000" >&nbsp;&nbsp;&nbsp;&nbsp;HK$30</td>
		<td style="border: 1px solid #000000" align="center"><a href="JavaScript:alert('Not Available in this prototype')"><img src=cross.png border=0></a></td>
	</tr>
	<tr>
		<td style="border: 1px solid #000000">Fruit</td>
		<td style="border: 1px solid #000000">Pineapple</td>
		<td style="border: 1px solid #000000" align="center">300g</td>
		<td style="border: 1px solid #000000" >&nbsp;&nbsp;&nbsp;&nbsp;HK$ 5</td>
		<td style="border: 1px solid #000000" align="center"><a href="JavaScript:alert('Not Available in this prototype')"><img src=cross.png border=0></a></td>
	</tr>
	<tr>
		<td style="border: 1px solid #000000">Grocery</td>
		<td style="border: 1px solid #000000">Ketchup</td>
		<td style="border: 1px solid #000000" align="center">50g</td>
		<td style="border: 1px solid #000000" >&nbsp;&nbsp;&nbsp;&nbsp;HK$ 2</td>
		<td style="border: 1px solid #000000" align="center"><a href="JavaScript:alert('Not Available in this prototype')"><img src=cross.png border=0></a></td>
	</tr>
	<tr>
		<td style="border: 1px solid #000000">Diary and Eggs</td>
		<td style="border: 1px solid #000000">Egg</td>
		<td style="border: 1px solid #000000" align="center">1pc</td>
		<td style="border: 1px solid #000000" >&nbsp;&nbsp;&nbsp;&nbsp;HK$ 1.2</td>
		<td style="border: 1px solid #000000" align="center"><a href="JavaScript:alert('Not Available in this prototype')"><img src=cross.png border=0></a></td>
	</tr>
	<tr>
		<td style="border: 1px solid #000000">Grocery</td>
		<td style="border: 1px solid #000000">Salt</td>
		<td style="border: 1px solid #000000" align="center">100g</td>
		<td style="border: 1px solid #000000" >&nbsp;&nbsp;&nbsp;&nbsp;HK$ 0.2</td>
		<td style="border: 1px solid #000000" align="center"><a href="JavaScript:alert('Not Available in this prototype')"><img src=cross.png border=0></a></td>
	</tr>
	<tr>
		<td colspan=2></td>
		<td  align="right"><b>Total:</b></td>
		<td style="border: 1px solid #000000" >&nbsp;&nbsp;&nbsp;&nbsp;HK$38.4</td>
		<td   align="center"></td>
	</tr>
	<tr>
	<td colspan="5" align="right" ><h2><br>
	  <a href="shopping4.htm">Confirm and Checkout</a></h2></td>
	</tr>
</table>

</body>
</html>